<div class="main">
  <div class="banner">
    <nb-user size="large" [name]="friend?.name" onlyPicture></nb-user>
    <div class="name">
      <span>{{ friend?.name }}</span>
      <img *ngIf="friend?.sex"
        [src]="friend?.sex === '男' ? 'assets/images/boy.png' : 'assets/images/girl.png'">
    </div>
    <button *ngIf="!isFriend" nbButton status="success" shape="round">
      <nb-icon icon="plus-outline"></nb-icon>添加
    </button>
    <nb-actions *ngIf="isFriend" size="medium">
      <nb-action
        icon="message-circle-outline"
        (click)="getChat()">
      </nb-action>
      <nb-action
        icon="star-outline"
        (click)="getExplore()">
      </nb-action>
    </nb-actions>
  </div>
  <div class="info">
    <div><span>邮箱</span>{{ friend?.email }}</div>
    <div><span>uid</span>{{ friend?.uid }}</div>
  </div>
</div>
